/* 银行存管，合规进程 等页面样式文件*/

/* 银行存管 */
.bank-depository { background:#fff;  
	img { display: block; margin: 0; padding: 0; }
	.mod-01 { background:url(../images/safe/depository/banner-bg.jpg) no-repeat center top; height:510px; }
	.mod-01 .ani-01 { position: absolute; left:428px; top:81px; }
	.mod-01 .ani-02 { position: absolute; left:640px; top:90px; }
	.mod-01 .ani-03 { position: absolute; left:621px; top:95px; }
	.mod-01 .ani-04 { position: absolute; left:311px; top:225px; }
	.mod-01 .ani-05 { position: absolute; left:403px; top:303px; }
	.mod-title { font-size:16px; color: #999999; line-height: 2; text-align: center; }
	.mod-title h2 { font-weight: normal; font-size: 36px; color: #333333; }
	.mod-title .bot-line { margin: 10px auto; width: 500px; height:1px;  background: url(../images/safe/depository/line.gif) no-repeat center top; }
	.mod-02 {  padding: 50px 0;}
	.mod-02 .flow-chart { margin: 0 auto; margin-top: 50px; }
	.mod-03 { background: #f6f6f6; padding: 50px 0; }
	.mod-03 ul { height:340px; text-align: center; margin-top: 50px; }
	.mod-03 ul li { float: left; margin:0 40px; width:220px; font-size:16px; color: #666; line-height: 32px; text-align: left; }
	.mod-03 ul li .icon { width:113px; height: 113px; margin: 0 auto;  background:url(../images/safe/depository/icon.gif) no-repeat; }
	.mod-03 ul li .icon-02 { background-position: -113px 0; }
	.mod-03 ul li .icon-03 { background-position: -226px 0; }
	.mod-03 ul li .icon-04 { background-position: -339px 0; }
	.mod-03 ul li h4 { font-weight: normal; text-align: center; color: #f44545; font-size: 20px; line-height: 2; margin-bottom: 20px; }
	.mod-04 { padding:50px 0; font-size: 16px; color: #666; line-height: 50px; }
	.mod-04 p { width: 1000px; margin: 40px auto; }
	.mod-04 .contract-img { text-align: center; }
	.mod-04 .contract-img li { display: inline-block; margin: 0 40px; width:150px; height: 200px;  border:1px solid #999; padding: 20px; }
	.mod-04 .contract-img li:hover { box-shadow: 2px 5px 5px rgba(0,0,0,0.2); }
	.mod-04 .contract-img img { display: block; width: 150px; height: 200px; }
	.mod-05 { background: #f6f6f6; padding: 50px 0; }
	.mod-05 ul { height: 250px; font-size: 16px; line-height: 30px; margin-top: 60px; } 
	.mod-05 ul li { float: left; width:110px; padding:0 30px; height: 170px; background: url(../images/safe/depository/step-bg.png) no-repeat -512px 40px; }
	.mod-05 ul li.li1 { background-position:0 40px; }
	.mod-05 ul li.li2 { background-position:-170px 40px; }
	.mod-05 ul li.li3 { background-position:-340px 40px; }
	.mod-05 ul li .time { height:40px; text-align: center; margin-bottom: 25px;  }
	.max-contract-img { display: none; z-index: 200; position: fixed; width: 450px; height: 600px; margin: -300px 0 0 -225px; top:50%; left: 50%; }
	.max-contract-img img { display: none; width: 100%; height: 100%; }
}

/*合法合规*/
#legalize-warp {
	.section{min-width: 1100px;}
	.inner{width:1100px; margin:0 auto; position: relative;}
	.section1{background: #3d0c85 url(../images/safe/legalize/section1_bg.jpg) center bottom no-repeat;}
	.section1-content{width:513px; float:right;}
	.section2-bg-1,.section2-bg-2{position: absolute;}
	.section2-bg-1{left:0; bottom:0;}
	.section2-bg-2{right:0; top:0;}
	.section3 .p1{margin-bottom: 55px;}
	.section4-content,.section5-content{margin-top:55px;}
	.section4-scroll,.section5-scroll{height:450px;}
	.section4 .item{width:528px; margin:0 25px 25px 0; overflow: hidden; float:left;}
	.section4 .item dt{width:133px; display: table; margin-bottom: -9999px;  padding-bottom: 9999px; text-align: center; color:#fff; font-size:16px; min-height:90px; background:#3c77fa; float:left;}
	.section4 .item dt span{display: table-cell; vertical-align: middle; font-size:14px; line-height: 28px; padding:0 10px;}
	.section4 .item dd{width:395px; min-height: 90px;  display: table; background:#f2f2f2; float:left;}
	.section4 .item dd p{ display: table-cell;  vertical-align: middle; padding:10px; font-size:12px; line-height: 24px; }
	.section4-content-warp{width:1350px;}
	.section5-table{width:1080px; border-collapse: collapse;}
	.section5-table th{height:65px; background:#f0a84a; border:1px solid #fff;}
	.section5-table td{padding:20px 40px; border:1px dotted #ddd; font-size:14px;}
	.section5-table td.td1{text-align: left;}
	.section5-table td.td2{color:#999;}
	.section1.active .section1-content{animation: 1s zoomIn;}
	.section2.active .inner > img{animation: 1s zoomIn;}
	.section2.active .section2-bg-1{animation: 1s section_bg1;}
	.section3.active .p1{animation: 1s zoomInLeft;}
	.section3.active .p2{animation: 1s zoomIn;}
	.section4.active .section4-title{animation: 1s zoomInLeft;}
	.section4.active .section4-content{animation: 1s zoomIn;}
	.section5.active .section5-title{animation: 1s zoomInLeft;}
	.section5.active .section5-content{animation: 1s zoomIn;}
} 
#legalize-menu { position: fixed; z-index: 100; margin-top: -32px; top: 50%; right:20px; opacity: 1;  
	a{ display: block; width:13px; height:13px; border-radius: 50%; background:#bebebe; margin:10px 0; }
	li.active a{background:#c75f47;}
}
@keyframes section_bg1{
    0%{
        bottom:-200px;
        left : -200px;
    }
    100%{
        bottom : 0;
        left : 0;
    }
}
